<template>
  <!--=====关注====-->
  <div class="guanzhu">
    <div class="see">
      <span class="pic"><img src="../../../static/img/pic3.png"></span>
      <span class="gz_text">关注</span>
    </div>
    <div class="see">
      <span class="pic"><img src="../../../static/img/pic4.png"></span>
      <span class="gz_text">收藏</span>
    </div>
    <div class="see">
      <span class="pic"><img src="../../../static/img/pic5.png"></span>
      <span class="gz_text">足迹</span>
    </div>

  </div>
</template>
<script type="text/ecmascript-6">

    export default {
        components: {
        }
    }

</script>
<style scoped>
  /*====关注===*/
  .guanzhu{
    background:url("../../../static/img/2.png") no-repeat;
    width:100%;
    height:0.75rem;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
  }
  .see{
    width:33.3%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding:0 0.2rem;
  }
  .pic{
    width:0.3rem;
    height:0.3rem;
    padding-right:0.18rem;
    display:block;

  }
  .pic img{
    width:100%;
    height:100%;
    display: block;
  }
  .gz_text{
    font-size:16px;
    color:#333;
    display:block;

  }
</style>
